<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="common.jsp"%>

<link rel="stylesheet" href="https://www.foam.org/vendor/fullpage/jquery.fullPage.css">
<script type="text/javascript" src="https://www.foam.org/vendor/fullpage/vendors/jquery.easings.min.js"></script>
<script type="text/javascript" src="https://www.foam.org/vendor/fullpage/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="https://www.foam.org/js/vendor/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="https://www.foam.org/js/vendor/jquery.colourbrightness.min.js"></script>

<title>首页</title>
<script> 
$(function(){
	$('#fullpage').fullpage({  
		menu: false,
        navigation: false,
        slidesNavigation: false,
        css3: true,
        scrollingSpeed: 700,
        autoScrolling: true,
        fitToSection: true,
        scrollBar: false,
        easing: "easeInQuart",                  
        easingcss3: "ease",
        loopHorizontal: true,  //左右滑块是否循环滑动   
        continuousVertical: true,  //是否循环滚动，与 loopTop 及 loopBottom 不兼容   
        scrollOverflow: true,
        touchSensitivity: 5,
        normalScrollElementTouchThreshold: 1,
        keyboardScrolling: true,
        animateAnchor: false,   
        recordHistory: false,
        controlArrows: true,       
        responsive: 1,
	});
	$(".godown").on("click",function() {
         $.fn.fullpage.moveSectionDown();
     });
	setInterval(function () {
        $.fn.fullpage.moveSectionDown();
    }, 3000);        
});       
</script>

<style type="text/css">

.fullpage .section img{ 
    object-position:bottom  center  !important;  
    width:100%;      
}  
@media screen and (max-width:450px){
	.fullpage .section img{ 
	    object-position:center  center  !important;  
	    height:100%;   
	    width:auto;       
	}  
}
.icondown{
    width: 40px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left:-20px;
    transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 	/* Opera */
    cursor: pointer;   
}

.icondown {
	width: 40px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -20px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-moz-transform: rotate(-90deg); /* Firefox */
	-webkit-transform: rotate(-90deg); /* Safari 和 Chrome */
	-o-transform: rotate(-90deg); /* Opera */
	cursor: pointer;
}

.fullpageBox {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
</style>
</head>
<body class="">
    <%@include file="commonHeader.jsp"%>  
    <input type="hidden" value="首页" id="selectedMenu" data-href="/pc/indexen"> 
    <div class="fullpageBox"> 
	    <div id="fullpage" class="fullpage">    
			<div class="section">
			    <img alt="" src="http://static.cakeboss.com.cn/GSIndex1N.jpeg">
			</div>
			<div class="section">  
			    <img alt="" src="http://static.cakeboss.com.cn/GSIndex2N.jpg">
			</div>   
			<div class="section">
			    <img alt="" src="http://static.cakeboss.com.cn/GSIndex3N.jpeg">
			</div>     
			<div class="section"> 
			    <img alt="" src="http://static.cakeboss.com.cn/GSIndexN.jpeg">
			</div>        
		</div>
		<img class="icondown godown"
			src="http://static.cakeboss.com.cn/arrowWhite.png">
	</div>
</body>
<script>
</script>
</html>